


<style type="text/css">

	#Videoplayer {
		position: absolute;
		top:50px;
		left:160px;
		z-index: 10;
	}

	#VideoPlayer1 {
		position:absolute;
		z-index:1500;
		left:178px;
		top:65px;
	}

	#flickr {
		position:absolute;
		left:230px;
		margin-bottom:500px;
		top:52px;
		z-index:1000;


	}

	#backphotos {
		position:absolute;
		left:160px;
		top:40px;
		z-index:1;
	}

	#button_comikaze {
		border-radius:150px;
		width:150px;
		height:150px;
		position:absolute;
		top:70px;
		left:610px;
		z-index:2000;
		background-color:transparent;

	}


</style>

<!--[if IE]>
<style>
   #all {
		left:0px;
	}


</style>
<![endif]-->

<!-- Google Analytics Lines -->
	<script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-34830088-1']);
      _gaq.push(['_setDomainName', 'sportsballworld.com']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>

<div id="all" style="position:absolute; left:0px">
	<div id="Videoplayer">
    		<img src="images/web-player-background.png" width="632" height="368"/>
    </div>

    <div id="VideoPlayer1">
    	<iframe id="VideoHome" width="600" height="340" src="http://www.youtube.com/embed/mzzdhRHXDJw?loop=1&rel=0&autoplay=1&version=3&controls=0" frameborder="0" allowfullscreen></iframe>

        <div id="button_comikaze" >
        	<img src="images/boton_photo_gallery.png" height="150" width="150" alt="COMIKAZE" style="cursor:pointer" />
        </div>
    </div>
</div>

<div id="photos_comikaze" style="height:590px; left:3000px; position:absolute">

    <div id="backphotos">
    	<img src="images/back-photos.png" width="632" height="534"/>
    </div>

    <div id="flickr">
    	<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?user_id=87482847@N03&tags=comikaze" width="500" height="500" frameBorder="0" scrolling="no"></iframe>
    </div>

</div>

<script>
	$('#button_comikaze').click(function(event){
		event.preventDefault();
		if( isMobile.any() ) {
			window.location.href='photo-comikaze-device.php';
		} else {
			$('#all').animate({left:"-2000px"},900);
			$('#photos_comikaze').animate({left:"0px"},900);
			$('#VideoPlayer1').html("");
		}
	});



</script>
